<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <script src="lib/esl.js"></script>
        <script src="lib/config.js"></script>
        <script src="lib/jquery.min.js"></script>
        <script src="lib/facePrint.js"></script>
        <script src="lib/testHelper.js"></script>
        <link rel="stylesheet" href="lib/reset.css">
    </head>
    <body>
        <style>
            h1 {
                line-height: 60px;
                height: 60px;
                background: #146402;
                text-align: center;
                font-weight: bold;
                color: #eee;
                font-size: 14px;
            }
            .chart {
                height: 500px;
            }
        </style>


        <div class="chart" id="main0"></div>




        <script>

            require([
                'echarts'
                // 'echarts/chart/line',
                // 'echarts/chart/bar',
                // 'echarts/chart/pie',
                // 'echarts/chart/scatter',
                // 'echarts/chart/map',
                // 'echarts/chart/parallel',
                // 'echarts/chart/radar',
                // 'echarts/component/grid',
                // 'echarts/component/polar',
                // 'echarts/component/geo',
                // 'echarts/component/singleAxis',
                // 'echarts/component/legend',
                // 'echarts/component/tooltip',
                // 'echarts/component/toolbox',
                // 'echarts/component/visualMap',
                // 'echarts/component/dataZoom'
            ], function (echarts) {

                var option = {
                    "title": {
                        "text": "简单柱状图标题",
                        "left": 16,
                        "textStyle": {
                            "fontSize": 14
                        },
                        "show": true
                    },
                    "tooltip": {
                        "trigger": "axis",
                        "axisPointer": {
                            "type": "shadow"
                        }
                    },
                    "toolbox": {
                        "show": true,
                        "feature": {
                            "dataZoom": {
                                "yAxisIndex": "none"
                            },
                            "dataView": {
                                "readOnly": false
                            },
                            "magicType": {
                                "type": [
                                    "line",
                                    "bar",
                                    "stack",
                                    "tiled"
                                ]
                            },
                            "restore": {},
                            "saveAsImage": {}
                        }
                    },
                    "xAxis": {
                        type: 'category'
                    },
                    "yAxis": {
                    },
                    "legend": {
                        "tooltip": {
                            "show": false
                        }
                    },
                    dataZoom: [{
                        type: 'inside'
                    }, {
                        type: 'slider'
                    }],
                    "series": [{
                        "type": "bar",
                        "stack": "all",
                        "data": [
                            ["审批通过", 33],
                            ["审批中", 154],
                            ["撤回", 13],
                            ["barMinHeight:10px", 1]
                        ],
                        barMinHeight: 10,
                        label: {
                            normal: {show: true}
                        },
                        "name": "zly13"
                    }, {
                        "type": "bar",
                        "stack": "all",
                        label: {
                            normal: {show: true}
                        },
                        "data": [
                            ["哪有那么多审批", 66],
                            ["审批中", 66],
                            ["撤回",200],
                            ["barMinHeight:10px", 100]
                        ],
                        "name": "zly0031"
                    }],
                    "grid": {
                        "top": "65px",
                        "bottom": "10%",
                        "normalBottom": "10%",
                        "dataZoomBottom": "90px",
                        "containLabel": true
                    }
                };

                testHelper.createChart(echarts, 'main0', option);
            });

        </script>
    </body>
</html>